<template>
  <div class="box">
      <h2>子传父</h2>
      username: {{ username }}

      <!-- 1. 通过子组件中的标签以 绑定事件的形式 传递一个函数(就是在父亲中定义的)-->
      <!-- <v-child @cc="username='王麻子'"></v-child> -->
      <v-child @cc="changeData"></v-child>
  </div>
</template>

<script>

import vChild from './child.vue'
export default {
  components:{
    vChild
  },
  data(){
    return {
      username:'张三'
    }
  },
  methods:{
    changeData(e){
      console.log('触发了父亲中的changeData函数',e)
      this.username = e
    }
  }
}
</script>

<style scoped>

</style>